import React from 'react';
import {Link} from 'react-router';
import  './fontSize';
export default class Mine extends React.Component{
     constructor(props){
         super(props);
     }
     exit(){
         localStorage.clear();
     }
    render(){
        return(
            <div >
                <div className='mine-user'>
                    <img src="img/order/my-1.png" alt=""/>
                    <p>12345678909</p>
                </div>
                <ul className="money-detail">
                    <li>
                        <img src="img/order/my-2.png" alt=""/>
                        <span className='money-detail-first'>账户余额</span>
                        <span className='money-detail-second'>0.00元</span>
                    </li>
                    <li>
                        <img src="img/order/my-12.png" alt=""/>
                        <span className='money-detail-first'>优惠券</span>
                        <span className='money-detail-second'>3</span>
                    </li>
                    <li>
                        <img src="img/order/my-13.png" alt=""/>
                        <span className='money-detail-first'>普通会员</span>
                        <span className='money-detail-second'></span>
                    </li>

                </ul>
                <div className="mydetail">
                    <ul className="mydetail-list">
                        <li>
                            <img src="img/order/my-5.png" alt=""/>
                        </li>
                        <li>关于我们</li>
                        <li>&gt;</li>
                    </ul>
                    <ul className="mydetail-list">
                        <li>
                            <img src="img/order/my-5.png" alt=""/>
                        </li>
                        <li>我的评论</li>
                        <li>&gt;</li>
                    </ul>
                    <ul className="mydetail-list">
                        <li>
                            <img src="img/order/my-6.png" alt=""/>
                        </li>
                        <li>常见问题</li>
                        <li>&gt;</li>
                    </ul>
                    <Link to="address">
                        <ul className="mydetail-list">
                            <li>
                                <img src="img/order/my-7.png" alt=""/>
                            </li>
                            <li>地址管理</li>
                            <li>&gt;</li>
                        </ul>
                    </Link>
                    <ul className="mydetail-list">
                        <li>
                            <img src="img/order/my-8.png" alt=""/>
                        </li>
                        <li>用户协议</li>
                        <li>&gt;</li>
                    </ul>
                    <ul className="mydetail-list" style={{'borderBottom':'none'}}>
                        <li>
                            <img src="img/order/my-9.png" alt=""/>
                        </li>
                        <li>联系客服</li>
                        <li>&gt;</li>
                    </ul>
                </div>
                <div className="tui-btn">
                    <Link to="/login">
                        <div className="all-button5" id="order-list-more" onClick={this.exit.bind(this)}>退出当前账号</div>

                    </Link>
                </div>
            </div>
        )
     }
}